@import '../../assets/css/reset.css';
@import '../../assets/css/property.css';
@import '../../assets/css/common.css';
@import '../../assets/js/swiper/swiper-bundle.min.css';

html,body{
    width: 100%;
    height: 100%;
    .lg-box{
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: space-between;
        .lg-leftbox{
            width: 60%;
            height: 100%;
            background: #1ca8ef;
            position: relative;
            img{
                 position: absolute;
                 top: 0;
                 left: 0;
                 right: 0;
                 bottom: 0;
                 margin: auto;
            }
        }
        .lg-rightbox{
            width: 40%;
            height: 100%;
            background:#fff;
            position: relative;
            div{
                width: 400px;
                height: 550px;
                // background: rgba(240, 209, 178, 0.333);
                position: absolute;
                display: flex;
               align-items: center;
                flex-direction: column;
                top: 0;
                right: 0;
                left: 0;
                bottom: 0;
                margin: auto; 
                .a-top{
                    display: block;
                    margin:  0 auto;
                    position: absolute;
                    top:50px;
                }
                ul{
                    height: 44px;
                    width: 295px;
                    display: flex;
                    // background: #1ca8ef;
                    justify-content: center;
                    position: absolute;
                    top: 130px;
                    .zhdl{
                        color: #1ca8ef;
                    }
                    // .smdl{
                    //     color: #1ca8ef !important;
                    // }
                   li{
                    cursor: pointer;
                       width: 70px;
                       height: 44px;
                       text-align: center;
                       line-height: 44px;
                       font-size: 16px;
                       color: #555;
                    .s1{
                        display: block;
                        width: 60px;
                        height: 3px;
                        background: #1ca8ef;
                        margin-left: 5px;
                    }
                    .s2{
                        display:none;
                        width: 60px;
                        height: 3px;
                        background: #1ca8ef;
                        margin-left: 5px;
                    }
                   }
                }
               
            .login-box{
                width: 360px;
                height: 242px;
                // background: #1ca8ef;
                position: absolute;
              top: 115px;
              display: block;
              .ren{
                  position: absolute;
                  left: 5px;
                  top:5px;
                  color: #1ca8ef;
                  font-size: 30px;
                  font-weight: bold;
              }
              .suo{
                position: absolute;
                left: 5px;
                top:92px;
                color: #1ca8ef;
                font-size: 30px;
                font-weight: bold;
              }
              input{
                  width: 360px;
                  height: 35px;
                  line-height:center;
                  text-indent: 3em;
                  border: none;
                  border-bottom: 1px solid #e7e7e7; 
              }
              .password{
               margin-top: 20px
              }
              .delete1{
                  position: absolute;
                  right: 5px;
                  top:10px;
                  cursor: pointer;
                  display: none;
              }.delete2{
                position: absolute;
                right: 5px;
                top:100px;
                cursor: pointer;
                display: none;
            }
            /* 账号密码错误提示 */
            .zh-ts{
                display: block;
                height: 27px;
                color: red;
                padding-top: 8px;
            }
            .ma-ts{
                display: block;
                height: 27px;
                color: red;
                padding-top: 8px;
            }

            .wj{
                position: absolute;
                right: 0;
                top: 138px;
                color: #1ca8ef;
            }
            .btn{
                width: 360px;
                height: 46px;
                position: absolute;
                top: 180px;
                right: 0px;
                background: #1ca8ef;
                color: #fff;
                cursor: pointer;
            }
            p{
                position: absolute;
                top: 245px;
                right: 30px;
                a{
                    font-weight: bold;
                }
                button,a{
                    color: #1ca8ef;
                    cursor: pointer;
                }
            }    
            }
            .code{
                width: 360px;
                height: 242px;
                // background: #1ca8ef;
                position: absolute;
              top: 115px;
              display: none;
            .code-box{
                width: 290px; ;
                height: 241px;
                background-color: #fcfcfc;
                border: 1px solid #eee;
                img{
                    margin-top: 20px;
                    width: 120px;
                    height: 120px;
                    margin-bottom: 15px;
                }
                p{
                    color: #000;
                    margin-bottom: 15px;
                }
            }
            .b-p{
                    padding-left: 33px;
                 margin-top: 260px;
                a{
                    font-weight: bold;
                }
                button,a{
                    color: #1ca8ef;
                    cursor: pointer;
                }
            }    
            }
                 
                }
              
            }
        }
}    


